@import './common';

page{
	background-color: $subBgWin;
}

.lists-box{

	.title-box{
		box-sizing:border-box;
		padding: setSize(30) setSize(24);
		// margin-top: setSize(20);
		background-color:$bgWin;
		border-bottom:setSize(1) solid $thirdBgWin;

		.icon-box{
			width: setSize(40);
			height: setSize(40);

			.icon{
				display: block;
				width: 100%;
				height: 100%;
			}
		}

		.text{
			box-sizing:border-box;
			padding-right:setSize(20);
			font-size:setSize(30);
			font-weight:400;
			@include ellipsis;
		}

		.sub-text{
			font-size:setSize(24);
			font-weight:400;
			color:rgba(133,134,136,1);
		}

		.lat-btn{
			width:setSize(114);
			height:setSize(42);
			line-height:setSize(42);
			border-radius:setSize(4);
			border:setSize(1) solid $mainColor;
			font-size:setSize(22);
			font-weight:400;
			color:$mainColor;
			text-align: center;
		}

		.cell-icon{
			align-items:center;
			box-sizing:border-box; 	
			padding-right:setSize(10);
			margin-left: setSize(4);

			.icon{
				width: setSize(20);
				height: setSize(20);		
				display: inline-block;
				box-sizing:border-box; 
				border-right: setSize(4) solid #707070; 
				border-top: setSize(4) solid #707070;   
				transform: rotate(45deg); 
			}
		}
	}
}
